Adwaita: flatter, lighter buttons
authorJakub Steiner <jimmac@gmail.com>
Fri, 8 Jan 2021 21:34:28 +0000 (22:34 +0100)
committerJakub Steiner <jimmac@gmail.com>
Mon, 11 Jan 2021 12:50:32 +0000 (13:50 +0100)
- lighten up for contrast, less of an oldschool gradient

Fixes https://gitlab.gnome.org/GNOME/gtk/-/issues/3568

gtk/theme/Adwaita/_drawing.scss

index 2d1916ad58b2420e295a7a6a089c127022ec3296..76a34d278f5f4e44eca09e6ffdff0a11dc7bae54 100644 (file)
 
 @function _border_color($c, $darker: false) {
   @if $darker == true { @return darken($c, 20%); }
-  @else { @return darken($c, 10%); }
+  @else { @return darken($c, 15%); }
 }
 
 
-@mixin button($t, $c:$bg_color, $tc:$fg_color) {
+@mixin button($t, $c:lighten($bg_color,2%), $tc:$fg_color) {
 //
 // Button drawing function
 //
   //
     color: $tc;
     outline-color: if($c != $bg_color, $alt_focus_border_color, $focus_border_color);
-    border-color: if($c != $bg_color, _border_color($c), $borders_color);
+    border-color: _border_color($c);
     border-bottom-color: if($c != $bg_color, _border_color($c, true), $alt_borders_color);
-    background-image: if($variant == 'light', linear-gradient(to top, darken($c, 4%) 2px, $c),
+    background-image: if($variant == 'light', linear-gradient(to top, darken($c, 2%) 2px, $c),
                                               linear-gradient(to top, darken($c,1%) 2px, $c));
     @include _shadows($_button_shadow);
   }